<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
		.companyHeaderGrid tr, .companyHeaderGrid td {
		    border: none;
		}
	</style>
</h:head>
<ui:composition template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">
		<table width="1400px">
			<tr>
				<td valign="top" width="1400px">
					<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
					<p:growl id="growl" showDetail="true" sticky="true" /> 
					<p:tabView id="tabView" dynamic="true" activeIndex="#{programaBean.tabindex}">
						<p:ajax event="tabChange" listener="#{programaBean.onTabChange}" />
        				<p:ajax event="tabClose" listener="#{programaBean.onTabClose}"/>
				        	<p:tab id="tabGeneral" title="Información General">
				        		<div style="width:1400px; height:850px; overflow: auto;">
				        		<h:form id="formInformacionGeneral"> 
				        		<h:panelGrid columns="1" rendered="#{programaBean.programaDTO.estado != null}">
				        			<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
				        		</h:panelGrid>
					        	<h:panelGrid columns="1">
					        		<h:panelGrid columns="2" cellpadding="10">
						        		<h:outputLabel for="nombrePrograma"  value="Nombre Programa:*" style="font-weight:bold;"/>
						                <p:inputText id="nombrePrograma" value="#{programaBean.programaDTO.nombrePrograma}" maxlength="300" style="width:730px"/>
					                </h:panelGrid>
					                
					                <h:panelGrid columns="4" cellpadding="10">
					                    <h:outputLabel for="version"  value="Version:" style="font-weight:bold;"/>
							            <p:inputText id="version" value="#{programaBean.programaDTO.version}" />
							            
							            <h:outputLabel for="cohorte"  value="Cohorte:" style="font-weight:bold;"/>
							            <p:inputText id="cohorte" value="#{programaBean.programaDTO.cohorte}" />
							            
						            </h:panelGrid>
					                 
					                <p:separator style="width:1300px;height:1px" />
					                 
						            <h:panelGrid columns="4" cellpadding="10" >
						              	<h:outputLabel for="areaGestion"  value="Area Gestion:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="areaGestion" value="#{areaGestionBean.idAreaGestion}" style="width:300px">
						                	<p:ajax listener="#{facultadBean.cuandoAreaGestionCambie}" update="facultad" />
						                	<p:ajax listener="#{departamentoFacultadBean.borrarLista}" update="formDeptos:departamentoFacultadPickList" />
						                	<f:selectItem itemLabel="Seleccione Area Gestion" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{areaGestionBean.areasGestion}" />
						                </p:selectOneMenu>
						                
						                <h:outputLabel for="facultad"  value="Unidad academica:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="facultad" value="#{facultadBean.idFacultad}" style="width:300px">
						                	<p:ajax listener="#{departamentoFacultadBean.cuandoFacultadCambie}" update="formDeptos:departamentoFacultadPickList" />
						                	<f:selectItem itemLabel="Seleccione Unidad academica" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{facultadBean.facultades}" />
						                </p:selectOneMenu>
						                
						            </h:panelGrid>
						            
					            	<h:form id="formDeptos">
						            	<h:panelGrid columns="3" cellpadding="10">
						            	    <h:outputLabel for="departamentoFacultadPickList"  value="Departamento Facultad:*" style="font-weight:bold;"/>
								            <p:pickList id="departamentoFacultadPickList" value="#{departamentoFacultadBean.departamentoFacultadsPickList}" var="dpto" 
								            	itemLabel="#{dpto}" itemValue="#{dpto}"/>
								            <h:panelGrid columns="1" cellpadding="10">
									            <p:commandButton value="Adicionar a Seleccionados" id="selDeptoFacPick" process=":tabView:formInformacionGeneral:formDeptos" disabled="#{programaBean.programaDTO.estado != null and programaBean.programaDTO.estado != 'Oportunidad'}"
									            	actionListener="#{departamentoFacultadBean.guardarSeleccion}" update="departamentosSeleccionados" style="align='right'" styleClass="ui-priority-primary" >
									            	<p:ajax listener="#{programaBean.adicionarAFacultadLider}" update=":tabView:formInformacionGeneral:facultadLider"/>
									            	</p:commandButton>
									            	<p:dataList id="departamentosSeleccionados" value="#{departamentoFacultadBean.departamentosSeleccionados}" var="departa" type="ordered">
													    <f:facet name="header">
													    	Departamentos Seleccionados
													    </f:facet>
												        #{departa} <p:commandButton action="#{departamentoFacultadBean.eliminarDepartamento(departa)}" process=":tabView:formInformacionGeneral:formDeptos " 
												        			id="removeDepto" icon="ui-icon-close" ajax="true" update="departamentosSeleccionados" title="Eliminar" 
												        			disabled="#{programaBean.programaDTO.estado != null and programaBean.programaDTO.estado != 'Oportunidad'}"/>
												    </p:dataList>
										    </h:panelGrid>
										</h:panelGrid>
						            </h:form>	 
						            
						            <h:panelGrid columns="4" cellpadding="10" >
						            
						               <h:outputLabel for="facultadLider"  value="Unidad academica lider:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="facultadLider" value="#{programaBean.programaDTO.idFacultadLider}" style="width:300px" requiredMessage="Requiere una facultad lider">
						                	<f:selectItems value="#{programaBean.facultadesSeleccionadas}" />
						                </p:selectOneMenu>
						                
						                <p:spacer/>
						                
						                <p:spacer/>
						            </h:panelGrid>
						            
						            <p:separator style="width:1300px;height:1px" />
						            
						            <h:panelGrid columns="4" cellpadding="10">
						                <h:outputLabel for="tipoPrograma"  value="Tipo Programa:*" style="font-weight:bold;width:600px;"/>
						                <p:selectOneMenu id="tipoPrograma" value="#{tipoProgramaBean.idTipoPrograma}" style="width:300px" >
						                	<f:selectItem itemLabel="Seleccione Tipo Programa" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{tipoProgramaBean.tiposPrograma}" />
						                </p:selectOneMenu>
						               
						                <h:outputLabel for="modalidad"  value="Modalidad:* " style="font-weight:bold;width:300px;"/>
						                <p:selectOneMenu id="modalidad" value="#{modalidadBean.idModalidad}" style="width:300px" >
						                	<f:selectItem itemLabel="Seleccione Modalidades" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{modalidadBean.modalidades}" />
						                </p:selectOneMenu>
						                
						                <h:outputLabel for="categoria"  value="Categoria:* " style="font-weight:bold;width:300px" />
						                <p:selectOneMenu id="categoria" value="#{categoriaBean.idCategoria}" style="width:300px">
						                	<f:selectItem itemLabel="Seleccione Categoria" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{categoriaBean.categorias}" />
							                <p:ajax listener="#{programaBean.cuandoCategoriaCambie}" update="minimoParticipantes maximoParticipantes empresa fechaLimite nombreConvenio firmarl firmaexterna nombrePersonaExterna cargoOcupa nombreEmpresaPersona conLogo urlLogoId" />
						                </p:selectOneMenu>
						                
						                <h:outputLabel for="regionalizacion"  value="Regionalizacion: " style="font-weight:bold;width:300px" />
						                <p:selectBooleanCheckbox id="regionalizacion" value="#{programaBean.programaDTO.regionalizacion}" style="width:300px"/>
						                
						                <h:outputLabel for="minimoParticipantes"  value="Minimo Participantes" style="font-weight:bold;"/>
				                		 <p:inputText id="minimoParticipantes" value="#{programaBean.programaDTO.minimoParticipantes}" maxlength="100" style="width:300px" disabled="#{categoriaBean.idCategoria != 1}"/>
				                		 
				                		 <h:outputLabel for="maximoParticipantes"  value="Maximo Participantes" style="font-weight:bold;"/>
				                		 <p:inputText id="maximoParticipantes" value="#{programaBean.programaDTO.maximoParticipantes}" maxlength="100" style="width:300px" disabled="#{categoriaBean.idCategoria != 1}"/>
						            </h:panelGrid>
						            
						            <p:separator style="width:1300px;height:1px" />
						            
						            <h:panelGrid columns="4" cellpadding="10">    
							            <h:outputLabel id="empresaLabel" for="empresa"  value="Empresa:* " style="font-weight:bold;"/>
						                <p:selectOneMenu id="empresa" value="#{programaBean.empresaDTO.idEmpresa}" style="width:300px"  disabled="#{categoriaBean.idCategoria != 2}">
						                	<f:selectItem itemLabel="Seleccione Empresa" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{empresaBean.empresas}" />
						                </p:selectOneMenu>
							         
							             <h:outputLabel for="fechaLimite"  value="Fecha limite propuesta: "  style="font-weight:bold;"/>
		        						 <p:calendar id="fechaLimite" value="#{programaBean.programaDTO.fechaLimitePropuesta}" style="width:300px" disabled="#{categoriaBean.idCategoria != 2}"/>
						         		
						         		 <h:outputLabel for="nombreConvenio"  value="Nombre convenio" style="font-weight:bold;"/>
				                		 <p:inputText id="nombreConvenio" value="#{programaBean.programaDTO.nombreConvenio}" maxlength="100" style="width:300px" disabled="#{categoriaBean.idCategoria != 2}"/>
						         		
	        							 <h:outputLabel for="firmarl" value="Requiere firma representante legal PUJ" style="font-weight:bold;" />
        							 	 <p:selectBooleanCheckbox id="firmarl" value="#{programaBean.programaDTO.firmaRepresentanteLegal}" style="width:300px" disabled="#{categoriaBean.idCategoria != 2}"/>
        							 	 
        							 	 <h:outputLabel for="firmaexterna" value="Lleva firma externa" style="font-weight:bold;" />
        							 	 <p:selectBooleanCheckbox id="firmaexterna" value="#{programaBean.programaDTO.firmaExterna}" style="width:300px" disabled="#{categoriaBean.idCategoria != 2}">
        							 	 	<p:ajax listener="#{programaBean.cuandoFirmaExternaCambie}" update="nombrePersonaExterna cargoOcupa nombreEmpresaPersona" />
        							 	 </p:selectBooleanCheckbox>
        							 	 
        							 	 <h:outputLabel for="nombrePersonaExterna"  value="Nombre persona externa" style="font-weight:bold;"/>
				                		 <p:inputText id="nombrePersonaExterna" value="#{programaBean.programaDTO.nombrePersonaExterna}" maxlength="100" style="width:300px" disabled="#{!programaBean.programaDTO.firmaExterna}"/>
				                		 
				                		 <h:outputLabel for="cargoOcupa"  value="Cargo que ocupa" style="font-weight:bold;"/>
				                		 <p:inputText id="cargoOcupa" value="#{programaBean.programaDTO.cargoOcupaPersonaExterna}" maxlength="100" style="width:300px" disabled="#{!programaBean.programaDTO.firmaExterna}"/>
				                		 
				                		 <h:outputLabel for="nombreEmpresaPersona"  value="Nombre empresa persona externa" style="font-weight:bold;"/>
				                		 <p:inputText id="nombreEmpresaPersona" value="#{programaBean.programaDTO.nombreEmpresaPersonaExterna}" maxlength="100" style="width:300px" disabled="#{!programaBean.programaDTO.firmaExterna}"/>
				                		 
				                		 <h:outputLabel for="conLogo" value="Lleva logo" style="font-weight:bold;" />
        							 	 <p:selectBooleanCheckbox id="conLogo" value="#{programaBean.programaDTO.conLogo}" style="width:300px" disabled="#{categoriaBean.idCategoria != 2}">
        							 	 	<p:ajax listener="#{programaBean.cuandoConLogoCambie}" update="urlLogoId" />
        							 	 </p:selectBooleanCheckbox>
        							 	 
        							 	 <h:outputLabel for="urlLogoId"  value="Url logo" style="font-weight:bold;"/>
				                		 <p:inputText id="urlLogoId" value="#{programaBean.programaDTO.urlLogo}" maxlength="100" style="width:300px" disabled="#{!programaBean.programaDTO.conLogo}"/>
				                		 
				                		 <h:outputLabel for="adjudicado" value="Adjudicado por la entidad" style="font-weight:bold;" />
        							 	 <p:selectBooleanCheckbox id="adjudicado" value="#{programaBean.programaDTO.adjudicado}" style="width:300px" disabled="#{categoriaBean.idCategoria != 2}">
        							 	 	<p:ajax listener="#{programaBean.cuandoAdjudicadoCambie}"/>
        							 	 </p:selectBooleanCheckbox>
        							 	 
        							 	 <p:spacer/>
        							 	 <p:spacer/>
						             </h:panelGrid>
						             
						             <p:separator style="width:1300px;height:1px" />
						             
						             <h:panelGrid columns="4" cellpadding="10">
						                <h:outputLabel for="pais"  value="Pais de ejecución:*" style="font-weight:bold;"/>
						                <p:selectOneMenu id="pais" value="#{paisBean.idPais}" style="width:300px" >
								            <p:ajax listener="#{departamentoBean.cuandoPaisCambie}" update="departamento" />
							                <f:selectItem itemLabel="Seleccione Pais" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{paisBean.paises}"/>
							            </p:selectOneMenu>
							            
							            <h:outputLabel for="departamento"  value="Departamento:*" style="font-weight:bold;"/>
						                <p:selectOneMenu id="departamento" value="#{departamentoBean.idDepartamento}" style="width:300px" >
							                <p:ajax listener="#{ciudadBean.cuandoDepartamentoCambie}" update="ciudad" />
						                	<f:selectItem itemLabel="Seleccione Departamento" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{departamentoBean.departamentos}" />
						                </p:selectOneMenu>
						                
						                <h:outputLabel for="ciudad"  value="Ciudad/Municipio:*" style="font-weight:bold;"/>
						                <p:selectOneMenu id="ciudad" value="#{ciudadBean.idCiudad}" style="width:300px" >
							                <f:selectItem itemLabel="Seleccione Ciudad" itemValue="" noSelectionOption="true" />
							                <f:selectItems value="#{ciudadBean.ciudades}" />
							            </p:selectOneMenu>
							            
							            <p:spacer/>
						                <p:spacer/>
						            </h:panelGrid>
						            
						            <p:separator style="width:1300px;height:1px" />
						             
					            	<h:panelGrid columns="2" cellpadding="10">
						        		<p:spacer/>
						                <h:outputText id="counter1" style="font:bold 95% monospace;text-align: right;"/>
						        		<h:outputLabel for="observaciones"  value="Observaciones:" style="font-weight:bold;"/>
						                <p:inputTextarea id="observaciones" value="#{programaBean.observaciones}"  
						                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter1"/>
						                 <p:spacer/>
						                 <p:dataList id="listaObservaciones" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition"  paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
						                 	<f:facet name="description">
						                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
						                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
						                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
						                 	</h:outputText>
						                 	<br/>
						                 	<h:outputText value="#{obs.observacion}"/><br/>
						                 	<br/>
						                 	</f:facet>
						                 	
						                 </p:dataList>
						                 
					                </h:panelGrid>
					                
					                <p:separator style="width:1300px;height:1px" />
					               
					                <h:panelGrid columns="1" cellpadding="10">
						        		<p:commandButton value="Crear Oportunidad" id="crear" actionListener="#{programaBean.crearOportunidad}" 
						        			rendered="#{programaBean.programaDTO.estado == null}" styleClass="ui-priority-primary" process="formInformacionGeneral" update="formInformacionGeneral #{programaBean.update}" />
						        		<p:commandButton value="Actualizar Oportunidad" id="actualizarOportunidad" actionListener="#{programaBean.actualizarPrograma}" 
						        			rendered="#{programaBean.programaDTO.estado != null}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
					                </h:panelGrid>
					                
					            </h:panelGrid>
					     	</h:form>
					     	
					     	<p:separator style="width:1300px;height:1px" rendered="#{programaBean.programaDTO.estado == 'Oportunidad'}"/>
					     	
					     	<h:form id="formInformacionGeneralEstado"> 
					            <h:panelGrid columns="1" cellpadding="10" rendered="#{programaBean.programaDTO.estado == 'Oportunidad'}">
							    	<h:panelGrid columns="5" cellpadding="10">
										<h:outputLabel value="Estado Actual:" style="font-weight:bold;"/>
										<h:outputText value="[#{programaBean.programaDTO.estado}]" style="color:#E68509"/>
					                	<h:outputLabel for="estadoPropuesta1"  value="Cambiar a estado:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="estadoPropuesta1" value="#{listaManagerBean.estadoOportunidad}" style="width:300px">
							                <f:selectItems value="#{listaManagerBean.estadosOportunidad}"/>
							            </p:selectOneMenu>
							            <p:commandButton id="actu1" value="Actualizar Estado" ajax="true" action="#{programaBean.actualizarEstado}" update="#{programaBean.update}" 
						        				 styleClass="ui-priority-primary" style="color:#E68509"/>
					                </h:panelGrid>
					            </h:panelGrid> 
					        </h:form>
					        </div>
				        </p:tab>
				        <p:tab id="tabPropuestaTecnica" title="Propuesta Tecnica" >
				        	<div style="width:1400px; height:850px; overflow: auto;">
				        	<h:panelGrid columns="1" cellpadding="10">
				        	<h:form id="formPropuestaTecnica"> 
					          	<h:panelGrid columns="1" cellpadding="10">
					          		<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
						            <h:panelGrid columns="2" cellpadding="10">
						                <h:outputLabel for="numeroHorasPrograma"  value="Numero Horas programa:" style="font-weight:bold;"/>
							            <p:inputText id="numeroHorasPrograma" value="#{programaBean.programaDTO.numeroHorasPrograma}" />
						                <h:outputLabel for="urlTecnicaRepositorio"  value="Link SharePoint:" style="font-weight:bold;"/>
							            <p:inputText id="urlTecnicaRepositorio" value="#{programaBean.programaDTO.urlTecnicaRepositorio}" maxlength="1000" style="width:750px"/>		
									</h:panelGrid>
									
									<p:separator style="width:1300px;height:1px" />
									
									<h:panelGrid columns="2" cellpadding="10">
										<p:spacer/>
						                <h:outputText id="counter2" style="font:bold 95% monospace;text-align: right;"/>
						        		<h:outputLabel for="obsTecnicas"  value="Observaciones:" style="font-weight:bold;"/>
						                <p:inputTextarea id="obsTecnicas" value="#{programaBean.observaciones}"  
						                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter2"/>
						                 <p:spacer/>
						                 <p:dataList id="listaObsTecn" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition" paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
						                 	<f:facet name="description">
						                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
						                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
						                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
						                 	</h:outputText>
						                 	<br/>
						                 	<h:outputText value="#{obs.observacion}"/><br/>
						                 	<br/>
						                 	</f:facet>
						                 	
						                 </p:dataList>
						                 
					                </h:panelGrid>
					                
					                <p:separator style="width:1300px;height:1px" />
					                
					                <h:panelGrid columns="1" cellpadding="10">
						        		<p:commandButton value="Guardar" id="actualizarTecnicas" actionListener="#{programaBean.actualizarPropuestas}" 
						        			rendered="#{programaBean.programaDTO.estado == 'Propuesta Tecnica'}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
					                </h:panelGrid>
								</h:panelGrid>
							</h:form>
							
							<p:separator style="width:1300px;height:1px" rendered="#{programaBean.programaDTO.estado == 'Propuesta Tecnica'}"/>
							
							<h:form id="formPropuestaTecnicaEstado">
								<h:panelGrid columns="1" cellpadding="10" rendered="#{programaBean.programaDTO.estado == 'Propuesta Tecnica'}">
							    	<h:panelGrid columns="5" cellpadding="10">
										<h:outputLabel value="Estado Actual:" style="font-weight:bold;"/>
										<h:outputText value="[#{programaBean.programaDTO.estado}]" style="color:#E68509"/>
					                	<h:outputLabel for="estadoPropuesta2"  value="Cambiar a estado:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="estadoPropuesta2" value="#{listaManagerBean.estadoOportunidad}" style="width:300px">
							                <f:selectItems value="#{listaManagerBean.estadosOportunidad}" />
							            </p:selectOneMenu>
					                	<p:commandButton id="actu2" value="Actualizar" ajax="true" action="#{programaBean.actualizarEstado}" update="#{programaBean.update} " 
						        				disabled="#{programaBean.programaDTO.estado == null}" process="@form" styleClass="ui-priority-primary" style="color:#E68509"/>
					                </h:panelGrid>
					            </h:panelGrid>
					        </h:form>
					       	</h:panelGrid> 
					       	</div>
				        </p:tab>
				        <p:tab id="tabPropuestaFinanciera" title="Propuesta Financiera" >
				        	<div style="width:1400px; height:850px; overflow: auto;">
			             	<h:panelGrid columns="1" cellpadding="10">
			             		<h:form id="formPropuestaFinanciera"> 
				             	<h:panelGrid columns="1" cellpadding="10">
				             		<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
						            
						            <h:panelGrid columns="2" cellpadding="10">
										<h:outputLabel for="valorPropuesta"  value="Valor Propuesta:*" style="font-weight:bold;"/>
						                <p:inputText id="valorPropuesta" value="#{programaBean.programaDTO.valorPropuesta}">
						                	<f:convertNumber minFractionDigits="2" currencyCode="COP" />
						                </p:inputText>
						                <h:outputLabel for="puntoEquilibrio"  value="Punto Equilibrio:*" style="font-weight:bold;" rendered="#{programaBean.programaDTO.categoriaDTO.idCategoria == 1}"/>
						                <p:inputText id="puntoEquilibrio" value="#{programaBean.programaDTO.puntoEquilibrio}" rendered="#{programaBean.programaDTO.categoriaDTO.idCategoria == 1}"/>
						        		<h:outputLabel for="urlTecnicaRepositorio"  value="Link SharePoint:" style="font-weight:bold;"/>
							        	<p:inputText id="urlTecnicaRepositorio" value="#{programaBean.programaDTO.urlFinancieraRepositorio}" maxlength="1000" style="width:800px"/>
					                </h:panelGrid>
						            
						            <p:separator style="width:1300px;height:1px" />
									
									<h:panelGrid columns="2" cellpadding="10">
										<p:spacer/>
						                <h:outputText id="counter3" style="font:bold 95% monospace;text-align: right;"/>
						        		<h:outputLabel for="obsFinanci"  value="Observaciones:" style="font-weight:bold;"/>
						                <p:inputTextarea id="obsFinanci" value="#{programaBean.observaciones}"  
						                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter3"/>
						                 <p:spacer/>
						                 <p:dataList id="listaObsFinanc" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition" paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
						                 	<f:facet name="description">
						                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
						                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
						                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
						                 	</h:outputText>
						                 	<br/>
						                 	<h:outputText value="#{obs.observacion}"/><br/>
						                 	<br/>
						                 	</f:facet>
						                 	
						                 </p:dataList>
						                 
					                </h:panelGrid>
					                
					                <p:separator style="width:1300px;height:1px" />
					                
					                <h:panelGrid columns="1" cellpadding="10">
						        		<p:commandButton value="Guardar" id="actualizarFinancieras" actionListener="#{programaBean.actualizarPropuestas}" 
						        			rendered="#{programaBean.programaDTO.estado == 'Propuesta Financiera'}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
					                </h:panelGrid>
								</h:panelGrid>
								</h:form>
								
								<p:separator style="width:1300px;height:1px" rendered="#{programaBean.programaDTO.estado == 'Propuesta Financiera'}"/>
								
								<h:form id="formPropuestaFinancieraEstado"> 
									
									<h:panelGrid columns="1" cellpadding="10" rendered="#{programaBean.programaDTO.estado == 'Propuesta Financiera'}">
								    	<h:panelGrid columns="5" cellpadding="10">
											<h:outputLabel value="Estado Actual:" style="font-weight:bold;"/>
											<h:outputText value="[#{programaBean.programaDTO.estado}]" style="color:#E68509"/>
						                	<h:outputLabel for="estadoPropuesta3"  value="Cambiar a estado:" style="font-weight:bold;"/>
							                <p:selectOneMenu id="estadoPropuesta3" value="#{listaManagerBean.estadoOportunidad}"
							                	style="width:300px">
								                <f:selectItems value="#{listaManagerBean.estadosOportunidad}" />
								            </p:selectOneMenu>
							        		<p:commandButton id="actu3" value="Actualizar" ajax="true" action="#{programaBean.actualizarEstado}" update="#{programaBean.update} " 
							        				disabled="#{programaBean.programaDTO.estado == null}" styleClass="ui-priority-primary" style="color:#E68509"/>
						                </h:panelGrid>
						            </h:panelGrid>
					            </h:form>
					      	</h:panelGrid> 
					      	</div>
				        </p:tab>
				        <p:tab id="tabEstudioMercadeo" title="Estudio de mercado" disabled="#{programaBean.programaDTO.estado != 'Estudio Mercado'}">
				        	<div style="width:1400px; height:850px; overflow: auto;">
				        	<h:panelGrid columns="1" cellpadding="10">
				        		<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
				        	</h:panelGrid>	
				        	<h:form id="formEstudioMercadeo"> 		
								<h:panelGrid columns="2" cellpadding="10">
									<p:spacer/>
						            <h:outputText id="counter4" style="font:bold 95% monospace;text-align: right;"/>
					        		<h:outputLabel for="obsEstuMerc"  value="Observaciones:" style="font-weight:bold;"/>
					                <p:inputTextarea id="obsEstuMerc" value="#{programaBean.observaciones}"  
					                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter4"/>
					                 <p:spacer/>
					                 <p:dataList id="listaObsEstuMerc" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition" paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
					                 	<f:facet name="description">
					                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
					                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
					                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
					                 	</h:outputText>
					                 	<br/>
					                 	<h:outputText value="#{obs.observacion}"/><br/>
					                 	<br/>
					                 	</f:facet>
					                 	
					                 </p:dataList>
					                 
				                </h:panelGrid>
				                
				                <p:separator style="width:1300px;height:1px" />
				                
				                <h:panelGrid columns="1" cellpadding="10">
					        		<p:commandButton value="Guardar" id="actualizarEstuMerca" actionListener="#{programaBean.actualizarPropuestas}" 
					        			rendered="#{programaBean.programaDTO.estado == 'Estudio Mercado'}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
				                </h:panelGrid>
				        	</h:form>
				        	<p:separator style="width:1300px;height:1px" />
				        	
				        	<h:form id="formEstudioMercadeoEstado"> 
					        	<h:panelGrid columns="1" cellpadding="10" rendered="#{programaBean.programaDTO.estado == 'Estudio Mercado'}">
							    	<h:panelGrid columns="5" cellpadding="10">
										<h:outputLabel value="Estado Actual:" style="font-weight:bold;"/>
										<h:outputText value="[#{programaBean.programaDTO.estado}]" style="color:#E68509"/>
					                	<h:outputLabel for="estadoPropuesta5"  value="Cambiar a estado:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="estadoPropuesta5" value="#{listaManagerBean.estadoOportunidad}" 
						                	style="width:300px">
							                <f:selectItems value="#{listaManagerBean.estadosOportunidad}" />
							            </p:selectOneMenu>
						        		<p:commandButton id="actu5" value="Actualizar" ajax="true" action="#{programaBean.actualizarEstado}" update="#{programaBean.update} " 
						        				disabled="#{programaBean.programaDTO.estado == null}" styleClass="ui-priority-primary" style="color:#E68509"/>
					                </h:panelGrid>
					            </h:panelGrid>
				            </h:form>
				            </div>
				        </p:tab>
				        <p:tab id="tabAprobacion" title="Aprobacion" >
				        	<div style="width:1400px; height:850px; overflow: auto;">
				        	<h:panelGrid columns="1" cellpadding="10">
				        		<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
					           	<h:form id="formAprobacion"> 		
									<h:panelGrid columns="2" cellpadding="10">
										<p:spacer/>
						                <h:outputText id="counter5" style="font:bold 95% monospace;text-align: right;"/>
						        		<h:outputLabel for="obsAproba"  value="Observaciones:" style="font-weight:bold;"/>
						                <p:inputTextarea id="obsAproba" value="#{programaBean.observaciones}"  
						                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter5"/>
						                 <p:spacer/>
						                 <p:dataList id="listaAproba" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition" paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
						                 	<f:facet name="description">
						                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
						                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
						                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
						                 	</h:outputText>
						                 	<br/>
						                 	<h:outputText value="#{obs.observacion}"/><br/>
						                 	<br/>
						                 	</f:facet>
						                 	
						                 </p:dataList>
						                 
					                </h:panelGrid>
					                
					                <p:separator style="width:1300px;height:1px" />
					                
					                <h:panelGrid columns="1" cellpadding="10">
						        		<p:commandButton value="Guardar" id="actualizarAprobacio" actionListener="#{programaBean.actualizarPropuestas}" 
						        			rendered="#{programaBean.programaDTO.estado == 'Para Aprobacion'}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
					                </h:panelGrid>
				        		</h:form>
				        	<p:separator style="width:1300px;height:1px" />
								<h:form id="formAprobacionEstado"> 
									<h:panelGrid columns="1" cellpadding="10" rendered="#{programaBean.programaDTO.estado == 'Para Aprobacion'}">
								    	<h:panelGrid columns="5" cellpadding="10">
											<h:outputLabel value="Estado Actual:" style="font-weight:bold;"/>
											<h:outputText value="[#{programaBean.programaDTO.estado}]" style="color:#E68509"/>
						                	<h:outputLabel for="estadoPropuesta4"  value="Cambiar a estado:" style="font-weight:bold;"/>
							                <p:selectOneMenu id="estadoPropuesta4" value="#{listaManagerBean.estadoOportunidad}"
							                	style="width:300px">
								                <f:selectItems value="#{listaManagerBean.estadosOportunidad}" />
								            </p:selectOneMenu>
							        		<p:commandButton id="actu4" value="Actualizar" ajax="true" action="#{programaBean.actualizarEstado}" update="#{programaBean.update} " 
							        				disabled="#{programaBean.programaDTO.estado == null}" styleClass="ui-priority-primary" style="color:#E68509"/>
						                </h:panelGrid>
						            </h:panelGrid>
					            </h:form>
					        </h:panelGrid>
					        </div>
				        </p:tab>
				        <p:tab id="tabMercadeo" title="Mercadeo" disabled="#{programaBean.programaDTO.estado != 'Aprobado' and programaBean.programaDTO.estado != 'Posponer'}">
				        	<div style="width:1400px; height:850px; overflow: auto;">
				        	<h:panelGrid columns="1" cellpadding="10">
				        		<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
				        	</h:panelGrid>	
				        	
				        	<h:form id="formMercadeo"> 		
								<h:panelGrid columns="2" cellpadding="10">
									<p:spacer/>
						            <h:outputText id="counter6" style="font:bold 95% monospace;text-align: right;"/>
					        		<h:outputLabel for="obsMerc"  value="Observaciones:" style="font-weight:bold;"/>
					                <p:inputTextarea id="obsMerc" value="#{programaBean.observaciones}"  
					                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter6"/>
					                 <p:spacer/>
					                 <p:dataList id="listaObsMerc" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition" paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
					                 	<f:facet name="description">
					                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
					                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
					                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
					                 	</h:outputText>
					                 	<br/>
					                 	<h:outputText value="#{obs.observacion}"/><br/>
					                 	<br/>
					                 	</f:facet>
					                 	
					                 </p:dataList>
					                 
				                </h:panelGrid>
				                
				                <p:separator style="width:1300px;height:1px" />
				                
				                <h:panelGrid columns="1" cellpadding="10">
					        		<p:commandButton value="Guardar" id="actualizarMercade" actionListener="#{programaBean.actualizarPropuestas}" 
					        			rendered="#{programaBean.programaDTO.estado == 'Mercadeo'}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
				                </h:panelGrid>
			        		</h:form>
				        	
				        	<h:form id="formMercadeoEstado"> 
					        	<h:panelGrid columns="1" cellpadding="10" rendered="#{programaBean.programaDTO.estado == 'Aprobado' or programaBean.programaDTO.estado == 'Posponer'}">
							    	<h:panelGrid columns="5" cellpadding="10">
										<h:outputLabel value="Estado Actual:" style="font-weight:bold;"/>
										<h:outputText value="[#{programaBean.programaDTO.estado}]" style="color:#E68509"/>
					                	<h:outputLabel for="estadoPropuesta6"  value="Cambiar a estado:" style="font-weight:bold;"/>
						                <p:selectOneMenu id="estadoPropuesta6" value="#{listaManagerBean.estadoOportunidad}" 
						                	style="width:300px">
							                <f:selectItems value="#{listaManagerBean.estadosOportunidad}" />
							            </p:selectOneMenu>
						        		<p:commandButton id="actu5" value="Actualizar" ajax="true" action="#{programaBean.actualizarEstado}" update="#{programaBean.update} " 
						        				disabled="#{programaBean.programaDTO.estado == null}" styleClass="ui-priority-primary" style="color:#E68509"/>
					                </h:panelGrid>
					            </h:panelGrid>
				            </h:form>
				            </div>
				        </p:tab>
				        <p:tab id="tabCronograma" title="Cronograma" disabled="#{programaBean.programaDTO.estado == null}">
				        	<div style="width:1400px; height:850px; overflow: auto;">
				        	<h:panelGrid columns="1" cellpadding="10">
				        		<h3 style="padding:0px;margin:0px;"><label style="color:#E68509;">No:&nbsp;#{programaBean.programaDTO.idPrograma}&nbsp;-&nbsp;#{programaBean.programaDTO.nombrePrograma}</label></h3>
					        	<h:panelGrid columns="2" cellpadding="10">
						        	<p:commandButton id="pojoSubmit" value="Simulador de Sesiones" oncomplete="PF('configDialog').show()" style="margin-top:5px" />
						        	<p:commandButton value="Publicar cronograma" id="publicarCronograma" actionListener="#{programaBean.publicarCronograma}"
								        styleClass="ui-priority-primary" tabindex="1"/>
							    </h:panelGrid>
							        
					        	<p:dialog modal="true" header="Generador Sesiones" showEffect="fade" hideEffect="fade" widgetVar="configDialog">
				        			<h:form id="formGenerador">
				        				<h3 align="center">Fechas</h3>
						        		<h:panelGrid columns="4" cellpadding="10">
							        		<h:outputLabel for="fechaInicioCronograma" value="Inicio:*"/>
							        		<p:calendar id="fechaInicioCronograma" value="#{programaBean.fechaInicio}"/>
							        		<h:outputLabel for="fechaFinalizacionCronograma" value="Finalizacion:*"/>
							        		<p:calendar id="fechaFinalizacionCronograma" value="#{programaBean.fechaFin}"/>
						        		</h:panelGrid>
						        		<h:panelGrid columns="2" cellpadding="10">
							        		<h:outputLabel value="Numero Horas Programa: "/>
							        		<p:inputText id="numeroHorasPrograma" value="#{programaBean.programaDTO.numeroHorasPrograma}"/>
								        </h:panelGrid>
								        <h:panelGrid columns="6" cellpadding="10">
							        		<h:outputLabel value="Festivos: " style="font-weight:bold"/>
		        							<p:inputSwitch value="#{programaBean.festivos}" />
		        							<h:outputLabel value="Sabados: " style="font-weight:bold"/>
		        							<p:inputSwitch value="#{programaBean.sabados}" >
		        								 <p:ajax listener="#{programaBean.eventoSabado}" process="formGenerador" update="formGenerador" />
		        							</p:inputSwitch>
		        							<h:outputLabel value="Domingos: " style="font-weight:bold"/>
		        							<p:inputSwitch value="#{programaBean.domingos}">
		        								<p:ajax listener="#{programaBean.eventoDomingo}" process="formGenerador" update="formGenerador" />
		        							</p:inputSwitch>
						        		</h:panelGrid>
							             <h3 align="center">Horario Clases</h3>
						        		 <h:panelGrid columns="1" cellpadding="10">
						        			 <h:panelGrid columns="6" cellpadding="10">
						        			 	<h:outputLabel style="font-weight:bold">Lunes </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " />
						        			 	<p:selectOneMenu id="LunesInicioHora" value="#{programaBean.horaLunes}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="LunesInicioMinuto" value="#{programaBean.minutoLunes}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas"/>
						        			 	<p:spinner id="cantidadHorasLunes" value="#{programaBean.cantidadHorasLunes}" size="1" max="10" min="0"/>
						        			 	
						        			 	<h:outputLabel style="font-weight:bold">Martes </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " />
						        			 	<p:selectOneMenu id="MartesInicioHora" value="#{programaBean.horaMartes}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="MartesInicioMinuto" value="#{programaBean.minutoMartes}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas"/>
						        			 	<p:spinner id="cantidadHorasMartes" value="#{programaBean.cantidadHorasMartes}" size="1" max="10" min="0"/>
						        			 	
						        			 	<h:outputLabel style="font-weight:bold">Miercoles </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " />
						        			 	<p:selectOneMenu id="MiercolesInicioHora" value="#{programaBean.horaMiercoles}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="MiercolesInicioMinuto" value="#{programaBean.minutoMiercoles}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas"/>
						        			 	<p:spinner id="cantidadHorasMiercoles" value="#{programaBean.cantidadHorasMiercoles}" size="1" max="10" min="0"/>
						        			 	
						        			 	<h:outputLabel style="font-weight:bold">Jueves </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " />
						        			 	<p:selectOneMenu id="JuevesInicioHora" value="#{programaBean.horaJueves}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="JuevesInicioMinuto" value="#{programaBean.minutoJueves}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas"/>
						        			 	<p:spinner id="cantidadHorasJueves" value="#{programaBean.cantidadHorasJueves}" size="1" max="10" min="0"/>
						        			 	
						        			 	<h:outputLabel style="font-weight:bold">Viernes </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " />
						        			 	<p:selectOneMenu id="ViernesInicioHora" value="#{programaBean.horaViernes}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="ViernesInicioMinuto" value="#{programaBean.minutoViernes}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas" />
						        			 	<p:spinner id="cantidadHorasViernes" value="#{programaBean.cantidadHorasViernes}" size="1" max="4" min="0"/>
						        			 	
						        			 	<h:outputLabel style="font-weight:bold" rendered="#{programaBean.sabados}">Sabado </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " rendered="#{programaBean.sabados}"/>
						        			 	<p:selectOneMenu id="SabadoInicioHora" rendered="#{programaBean.sabados}" value="#{programaBean.horaSabado}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="SabadoInicioMinuto" rendered="#{programaBean.sabados}" value="#{programaBean.minutoSabado}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas" rendered="#{programaBean.sabados}"/>
						        			 	<p:spinner id="cantidadHorasSabado" rendered="#{programaBean.sabados}" value="#{programaBean.cantidadHorasSabado}" size="1" max="10" min="0"/>
						        			 	
						        			 	<h:outputLabel style="font-weight:bold" rendered="#{programaBean.domingos}">Domingo </h:outputLabel>
						        			 	<h:outputLabel value="Hora Inicio: " rendered="#{programaBean.domingos}"/>
						        			 	<p:selectOneMenu id="DomingoInicioHora" rendered="#{programaBean.domingos}" value="#{programaBean.horaDomingo}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.horas}" />
									            </p:selectOneMenu>
									            <p:selectOneMenu id="DomingoInicioMinuto" rendered="#{programaBean.domingos}" value="#{programaBean.minutoDomingo}" style="width:70px">
									                <f:selectItems value="#{listaManagerBean.minutos}" />
									            </p:selectOneMenu>
									            <h:outputLabel value="Cantidad Horas" rendered="#{programaBean.domingos}"/>
						        			 	<p:spinner id="cantidadHorasDomingo" rendered="#{programaBean.domingos}" value="#{programaBean.cantidadHorasDomingo}" size="1" max="10" min="0"/>
						        			 </h:panelGrid>
						        			 <h3 align="center">Totales</h3>
						        			 <h:panelGrid columns="2" cellpadding="10">
							        			<h:outputLabel value="Numero Horas Configuradas "/>
							        			<h:outputLabel id="numeroHorasConfiguradas" value="#{programaBean.numeroHorasConfiguradas}"/>
						        			 </h:panelGrid>
						        			 <h:panelGrid columns="2" cellpadding="10">
								        		<p:commandButton value="Generar Sesiones" id="generarSesiones" actionListener="#{programaBean.generarSesiones}"
							        				update=":tabView:formGenerador :tabView:formCronograma"
							        				styleClass="ui-priority-primary" tabindex="1"/>
							        			<p:commandButton value="Cerrar" onclick="configDialog.hide()" styleClass="ui-priority-secondary"/>
							             	</h:panelGrid>
						        		</h:panelGrid>
						        	</h:form>
					        	</p:dialog>
					        	<h:form id="formCronograma"> 
				        		<h:panelGrid columns="1" cellpadding="10">
				        			<p:dataTable id="tablaSesiones" var="sesi" value="#{programaBean.programaDTO.listaSesiones}" paginator="true" rows="5">
				        				<f:facet name="header">  
								            Sesiones
								        </f:facet>
				        				<p:column headerText="Sesion" style="width:60px">
									        <h:outputText value="#{sesi.numeroSesion}"/>
									    </p:column>
				        				<p:column headerText="Fecha" style="width:220px" >
				        					<p:inplace id="basicFecha" editor="true" >
				        						<p:calendar value="#{sesi.fecha}"  pattern="dd/MM/yyyy hh:mm"  timeZone="#{programaBean.timeZone}" />
				        					</p:inplace>
				        				</p:column>
								       <p:column headerText="Modulo" style="width:200px">
								           	<p:autoComplete value="#{sesi.modulo}" completeMethod="#{programaBean.completeModulo}" />
								        </p:column>
								        <p:column headerText="Tema" style="width:400px">
								        	<h:form id="formTemas">
									        	<table border="0" bordercolor="ffffff">
								           			<tr>
									           			<td colspan="2">
											        		<p:dataList id="temasDatalist" value="#{sesi.temas}" var="te" type="ordered" emptyMessage="Sin temas...">
															    #{te} <p:commandButton action="#{sesi.eliminarTema(te)}" process="@form" 
													        			id="removeTema" icon="ui-icon-close" ajax="true" update=":tabView:formCronograma:tablaSesiones" title="Eliminar" />
													        </p:dataList>
												    	</td>
												    </tr>
												    <tr>
												    <td>
											           	<p:inputText id="tema" value="#{sesi.tema}" style="width:150px"/>
											        </td>
												    <td>
											        	<p:commandButton action="#{programaBean.adicionarTema(sesi)}" process="@form" id="addT" 
											        			icon="ui-icon-plusthick" update="formTemas" title="Adicionar" />
										        	</td>
												    </tr>
								           		</table>
								        	</h:form>
								        </p:column>
								        <p:column headerText="Requerimiento" style="width:400px">
								           	<h:form id="formRequerimiento">
								           		<table border="0" bordercolor="ffffff">
								           			<tr>
									           			<td colspan="2">
									           				<p:dataList id="requerimientosDatalist" value="#{sesi.requerimientos}" var="re" type="ordered" emptyMessage="Sin requerimientos...">
															    #{re} <p:commandButton action="#{sesi.eliminarRequerimiento(re)}" process="@form" 
													        			id="removeRequ" icon="ui-icon-close" ajax="true" update=":tabView:formCronograma:tablaSesiones" title="Eliminar" />
													    	</p:dataList>
													    </td>
												    </tr>
												    <tr>
												    <td>
												    	<p:inputText id="requ" value="#{sesi.requerimiento}" style="width:150px"/>
												    </td>
												    <td>
												    	<p:commandButton action="#{programaBean.adicionarRequerimiento(sesi)}" process="formRequerimiento" id="addR" icon="ui-icon-plusthick" update="formRequerimiento" title="Adicionar" />
											        </td>
												    </tr>
								           		</table>
								        	</h:form>
								        </p:column>
								        <p:column headerText="Conferencista" style="width:200px">
								        	 <p:inplace id="basicConfere" editor="true" emptyLabel="Sin conferencista...">
								           		<p:autoComplete value="#{sesi.conferencistaDTO}" completeMethod="#{programaBean.completeConferencista}" />
								           	</p:inplace>
								        </p:column>
								        <p:column headerText="Horas" style="width:80px">
								        	<p:spinner value="#{sesi.horas}" size="1" max="10" min="0"/>
								        </p:column>
								        <p:column headerText="" style="width:70px">
								        	<h:form id="formOperacionesSesiones">
									        	<table border="0" bordercolor="ffffff">
									        		<tr><td><p:commandButton process="@form" action="#{programaBean.adicionarSesion(sesi.numeroSesion, 'ARRIBA')}" id="addUp" icon="ui-icon-plusthick" ajax="true" update=":tabView:formCronograma:tablaSesiones" title="Adicionar Sesion Arriba" /></td></tr>
									        		<tr><td><p:commandButton process="@form" action="#{programaBean.eliminarSesion(sesi.numeroSesion)}" id="deleteRow" icon="ui-icon-closethick" ajax="true" update=":tabView:formCronograma:tablaSesiones" title="Eliminar Sesion" /></td></tr>
										        	<tr><td><p:commandButton process="@form" action="#{programaBean.adicionarSesion(sesi.numeroSesion, 'ABAJO')}" id="addDown" icon="ui-icon-plusthick" ajax="true" update=":tabView:formCronograma:tablaSesiones" title="Adicionar Sesion Abajo" /></td></tr>										        	
										        </table>
											</h:form>
								        </p:column>
								        
				        			</p:dataTable>
				        			<p:commandButton value="Guardar Sesiones" id="guardarSesiones" actionListener="#{programaBean.guardarSesiones}"
						        			styleClass="ui-priority-primary" />
				        		</h:panelGrid>
				        		</h:form>
					     	</h:panelGrid>
					     	</div>
				        </p:tab>
				        <p:tab id="tabInformacionEspecifica" title="Informacion de Inicio" disabled="#{programaBean.programaDTO.estado != 'Ejecucion'}">
				        	<div style="width:1400px; height:850px; overflow: auto;">
				        	<h:form id="formInfoEspeci"> 
				        		<h:panelGrid columns="4" cellpadding="10">
					        		<h:outputLabel for="fechaInicio"  value="Fecha Inicio:*" />
					        		<p:calendar id="fechaInicio" value="#{programaBean.date}" disabled="true" />
					        		<h:outputLabel for="fechaFinalizacion"  value="Fecha Finalizacion:*"/>
					        		<p:calendar id="fechaFinalizacion" value="#{programaBean.date}" disabled="true" />
					        		
					        		<h:outputLabel for="fechaClausura"  value="Fecha Clausura:*"/>
					        		<p:calendar id="fechaClausura" value="#{programaBean.date}" />
					        		<h:outputLabel for="numeroParticipantes"  value="Numero Participantes:*"/>
					        		<p:inputText id="numeroParticipantes" value="#{programaBean.texto}" />
				        		</h:panelGrid>
				        		<h4>Informacion Certificados</h4>
				        		<h:panelGrid columns="2" cellpadding="10">
				        			<h:outputText value="Lleva firma de un particular?: " />
				        			<p:selectBooleanCheckbox value="#{programaBean.sino}" />
				        			<h:outputText value="Requiere una copia digital del certificado?: " />
					        		<p:selectBooleanCheckbox value="#{programaBean.sino}" />
					        		<h:outputText value="Certificado requiere logotipo externo?: " />
					        		<p:selectBooleanCheckbox value="#{programaBean.sino}" />
				        		</h:panelGrid>
				        		<h3 align="center">Informacion Clausura</h3>
				        		<h:panelGrid columns="2" cellpadding="10">
				        			<h:outputText value="Requiere auditorio para la clausura?: " />
				        			<p:selectBooleanCheckbox value="#{programaBean.sino}" />
				        		</h:panelGrid>
				        		
				        		<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
							        <p:outputLabel for="console" value="Acompañante:" />
							        <p:selectOneRadio id="console" value="#{programaBean.console}">
							            <f:selectItem itemLabel="Copa de vino + Canapés" itemValue="Xbox One" />
							            <f:selectItem itemLabel="Copa de vino" itemValue="PS+" />
							            <f:selectItem itemLabel="Ninguno" itemValue="Wii U" />
							        </p:selectOneRadio>
							    </h:panelGrid>
			        		
			        			<p:separator style="width:1300px;height:1px" />
			        				
								<h:panelGrid columns="2" cellpadding="10">
									<p:spacer/>
						            <h:outputText id="counter7" style="font:bold 95% monospace;text-align: right;"/>
					        		<h:outputLabel for="obsMerc"  value="Observaciones:" style="font-weight:bold;"/>
					                <p:inputTextarea id="obsMerc" value="#{programaBean.observaciones}"  
					                		rows="3" cols="68" maxlength="340" counterTemplate="{0}" counter="counter7"/>
					                 <p:spacer/>
					                 <p:dataList id="listaObsMerc" value="#{programaBean.programaDTO.listaObservaciones}" var="obs" type="definition" paginator="true" emptyMessage="Sin observaciones" rows="5" style="width:500px">
					                 	<f:facet name="description">
					                 	<h:outputText value="#{obs.usuario}" style="font-weight:bold;"/> - 
					                 	<h:outputText value="#{obs.fecha}" style="font:bold 90% monospace;">
					                 		<f:convertDateTime pattern="dd-MM-yyyy hh:mm" />
					                 	</h:outputText>
					                 	<br/>
					                 	<h:outputText value="#{obs.observacion}"/><br/>
					                 	<br/>
					                 	</f:facet>
					                 	
					                 </p:dataList>
					                 
				                </h:panelGrid>
				                
				                <p:separator style="width:1300px;height:1px" />
				                
				                <h:panelGrid columns="1" cellpadding="10">
					        		<p:commandButton value="Guardar" id="actualizarMercade" actionListener="#{programaBean.actualizarPropuestas}" 
					        			rendered="#{programaBean.programaDTO.estado == 'Ejecucion'}" styleClass="ui-priority-primary" update="#{programaBean.updateCore}" />	
				                </h:panelGrid>
			        		</h:form>
			                </div>
				        </p:tab>
				        
				    </p:tabView>
				</td>
			</tr>
		</table>
		
	</ui:define>
</ui:composition>
</html>
